<!DOCTYPE html>
<html> 

	<head>
		<meta charset="utf-8">
		<title>index</title>
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<meta name="referrer" content="never" />
		<link rel="stylesheet" href="../../../../css/mui.min.css">
		<link rel="stylesheet" href="../../../../css/mui.picker.min.css">
		<link rel="stylesheet" href="../../static/css/common.css">
		<link rel="stylesheet" href="css/goIn.css">
		<link rel="stylesheet" href="../../static/components/components.css"/>	
		<style>
			.mui-bar-nav ~ .mui-content .mui-pull-top-pocket{
				top:80px !important;
			}
			.ipt{
				width:22vw;;
			}
			.select-box{
				width: 55vw;
			}
			.option-box{
				width: 55vw;
			}
			.vw-label{
				width: 26vw;
				margin-right: 10px;
			}
			.main_box{
				width: 90vw;
				margin-top: 10px;
				margin-left: 5vw;
				background: #fff;
				box-sizing: border-box;
				padding: 20px 10px;
				position: relative;
			}
			.main_icon{
				width: 16px;
				height: 16px;
				border-radius: 50%;
				position: absolute;
				top: 36px;
				left: -8px;
				background: #efeff4;
			}
			.main_icon1{
				width: 16px;
				height: 16px;
				border-radius: 50%;
				position: absolute;
				top: 36px;
				right: -8px;
				background: #efeff4;
			}
			.color-blue{
				color: #275EB1;
			}
			.itme-content{
				width: 55vw;
			}
			.upload-box{
				margin-left: auto;
				float: right;
				padding-right: 2vw;
			}
			.upload-icon{
				width: 7vw;
				height: 7vw;
			}
			.upload-list{
				width: 100%;
				height: 16.5vw;
				border: 1px solid #f1f1f1;
				margin-top: 2vw;
				box-shadow: 3px 3px 5px #f1f1f1;
				padding: 2vw;
			}
			.file-name{
				width:70%;
				text-overflow:ellipsis;
				overflow:hidden;
				white-space:nowrap;
			}
			.file-name-xianzhi{
				width:70%;
				text-overflow:ellipsis;
				overflow:hidden;
				white-space:nowrap;
			}
			.user-name{
				width: 30%;
				text-align: right;
			}
			.file-item-text{
				height: 6vw;
			}
			.item-content{
				width: 100%;
				display: flex;
			}
			.filebtn{
				width: 10vw;
			}
			.red{
				color:#f00;
			}
		</style>
	</head>

	<body >
		
		<header class="mui-bar mui-bar-nav mui-bar-nav-bg">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<h1 id="title" class="mui-title">保护压板退出</h1>
<!-- 			<span class="mui-icon mui-icon-right-nav mui-pull-right right-titleicon">
				+
			</span> -->
		</header>
		<div class="mui-content" id="content" v-cloak>
			
			<div class="top">
				<transition name="fade">
					<div class="drop-menulist" v-if="showMenu"> 
						<div @click="menuClick(item)" v-for="(item,index) in menuList" :key="index">
							{{item.name}}
							<img v-if="item.name=='我值班' && onStatus" src="../../../../img//bottom-icon1-.png" class="icon-onwork" alt="">
						</div>	
					</div>
				</transition>
			</div>
			
			<div class="mui-content" id="content">
				<div class="main_box">
					<div class="main_icon"></div>
					<div class="main_icon1"></div>
					<div class="flex-row">
						<div class="icon"></div><div class="color-blue" id="part-title">保护压板投退</div>
					</div>
					<div class="flex-between" style="margin-top: 15px;">			
						<div class="flex-row">
							<div class="mr-5">退出执行人<span class="red">*</span></div>
							<input disabled="true" v-model="inName" placeholder="请输入名称" />
						</div>			
					</div>
					<div class="flex-between" style="margin-top: 15px;">
						<div class="flex-row">
							<div class="mr-5">退出监护人<span class="red">*</span></div>
							<personselect :issingle="isSingle" ref="personselect" style="width:55vw;"></personselect>
						</div>			
					</div>
				
	
				<hr size="1" class="hr-line"  />
				<div v-for="(item,position) in list">
					<hr v-if="position > 0" size="1" class="hr-line"  />
					<div class="flex-between">
						<span>设备信息-退出<span class="red">*</span></span>
						<div class="titleSty" style="height: 8vw;" >
							<img v-if="item.isLumpFirst" class="lumpBtn" src="../../static/deletek.png" v-on:click="removeLupm(position)"/>
							<img v-if="item.isLumpFirstAdd" class="lumpBtn leftBtn" src="../../static/addk.png" v-on:click="addLupm"/>
						</div>
					</div>
					<div class="flex-row mt-10">
						<div class="vw-label">保护压板编号<span class="red">*</span></div>
						<selectitem style="width: 55.5vw;"  placeholder="请输入" :onlyselect="onlyselect" type="EXIT_PLATE"
						:disabled="mDisable" @change="itemChange(position)" :ref="'selectitem'+position"></selectitem>
						<!-- <input	placeholder="请输入名称" /> EXIT_PLATE -->
					</div>
					<div class="flex-row mt-10">
						<div class="vw-label">保护压板名称<span class="red">*</span></div>
						<input v-model="list[position].plateName" maxlength="60"	placeholder="请输入名称" />
					</div>
					<div class="flex-row mt-10" >
						<div class="vw-label">所属设备名称<span class="red">*</span></div>
						<input  v-model="list[position].deviceName" maxlength="60" placeholder="请输入设备名称" />
					</div>
					<div class="flex-row mt-10" >
						<div class="vw-label">退出事由<span class="red">*</span></div>
						<input v-model="list[position].outCause" maxlength="60" placeholder="请输入退出事由" />
					</div>
					<div class="flex-row mt-10"  v-on:click ="chooseDate(position)">
						<div class="vw-label" >退出时间<span class="red">*</span></div>
						<input v-model="list[position].outTime" disabled="false" placeholder="请选择时间" />
					</div>
				</div>	
				
				<hr size="1" class="hr-line"  />
				
		
			 
				</div>
					<!--附件上传列表-->
					<div class="main_box">
						<div class="flex-row">
							<div class="icon"></div><div class="color-blue" id="part-title">附件</div>
							<div class="upload-box">
								<img class="upload-icon" src="../../static/uploadicon.png" v-on:click="chooesFile"/>
							</div>
						</div>
						<div class="main_icon"></div>
						<div class="main_icon1"></div>
						
						<div>
							<!--文件列表-->
							<div class="upload-list" v-for="(item,i) in fileList">
								<div class="item-content">
									<div class="file-name-xianzhi file-item-text">
										{{item.fileName}}
									</div>
									<div class="user-name file-item-text">
										{{item.uploadPersion}}
									</div>
								</div>
								
								<div class="item-content">
									<div class="file-name file-item-text">
										{{item.upLoadDate}}
									</div>
									<div class="user-name file-item-text" v-on:click="downloadFile(i)">
										下载
									</div>
									<div class="user-name file-item-text filebtn" v-on:click="FileDelete(i)">
										删除
									</div>
								</div>
							</div>
							
						</div>
					
					</div>


			</div>

			<div style="width: 100%;height: 60px;"></div>
			<div class="flex-between fixed-bottom">
				<button class="submit_btn" v-on:click="saveData">保存</button>
				<button class="submit_btn" v-on:click="subData">提交</button>
<!-- 				<button class="submit_btn" @click.stop="showMore">
					<transition name="fade">
						<div class="btn-detail" v-if="showMorebtn">
							<div v-on:click="reload">创建</div>
							<div v-on:click="Bdata">修改</div>		
							<div v-on:click="dele">删除表</div>
							<div v-on:click="tabCear">清空表</div>
							<div v-on:click="search">查询</div>	
							<div v-on:click="closDb">关闭</div>	
							<div v-on:click="openDb">打开</div>	
						</div>
					</transition>
					更多
				</button> -->
			</div>
		</div>
		
		<script src="../../../../js/mui.min.js"></script>
		<script src="../../../../js/mui.picker.min.js"></script>
		<!--三件套STR-->
		<script src="../../static/js/neiosCommon.js"></script>
		<script src="../../static/js/neiosRequst.js"></script>
		<script src="../../static/js/Config.js"></script>
		<!--三件套END-->
		<script src="js/paramJsons.js"></script>
		<script src="../../static/js/upLoadHelper.js"></script>
		<script src="../../static/js/SQLLiteHelper.js"></script>
		
		<script src="../../../../js/vue.js"></script>
		<script src="../../static/components/personSelect.js"></script>
		<script src="../../static/components/selectItem.js"></script>
		<script type="text/javascript" src="../../../../js/jquery-3.2.1.min.js"></script>
		<script src="../../../../pages/ddms/js/mkeyplus.base.js"></script>
		<script src="../../../../pages/ddms/js/sqlite.js"></script>
		<script src="js/goOut.js"></script>
		
	</body>

</html>